<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--输入控件常用类型-->
<fieldset>
    <legend>输入控件的常用类型测试</legend>
    <label>单文控件: <input type="text" name="username"/></label><br/>
    <label>密码控件: <input type="password" name="password"/></label><br/>
    <span>单选控件: </span>
    <label><input type="radio" name="gender" value="1" checked/>男</label>
    <label><input type="radio" name="gender" value="0"/>女</label><br/>
    <span>多选控件: </span>
    <label><input type="checkbox" name="hobby" value="smoking" checked/>抽烟</label>
    <label><input type="checkbox" name="hobby" value="drinking" checked/>喝酒</label>
    <label><input type="checkbox" name="hobby" value="fire-hair"/>烫头</label><br/>
    <label>隐藏控件: <input type="hidden" name="id" value="9527"/></label><br/>
    <label>文件控件: <input type="file" name="file"/></label><br/>
    <label>数字控件: <input type="number" name="age" min="18" max="100" step="1"/></label><br/>
    <span>日期控件: </span>
    <label><input name="birth" type="date"/></label><br/>
    <label><input name="birth" type="time"/></label><br/>
    <label><input name="birth" type="datetime-local"/></label><br/>
    <label><input name="birth" type="week"/></label><br/>
    <label><input name="birth" type="month"/></label><br/>
</fieldset>

</body>
</html>